// 对axios进行二次封装
import axios from "axios";

// --引入nprogress进度条
import nprogress from "nprogress";
// --引入nprogress进度条样式
import "nprogress/nprogress.css";
// 1.利用axios对象的方法create，去创建一个axios实例
const $mockm = axios.create({
    // 配置对象
    // baseURL:基础路径,发送请求的时候，会有相同的基础路径，将其配置到这里就可以自动添加
    baseURL: "/mock",
    // 代表请求超时的事件为5s
    timeout: 5000.
})

// 添加请求拦截器：（请求拦截器的作用：在发请求之前，请求拦截器可以检测到，并可以在请求发出去之前做一些事情）
$mockm.interceptors.request.use((config) => {
    // config:配置对象，对象里面有个属性很重要，headers请求头

    // --添加请求进度条
    nprogress.start()
    return config
})

// 添加响应拦截器
$mockm.interceptors.response.use((res) => {
    // 成功的回调函数：服务器响应数据回来以后，响应拦截器可以检测到，并可以做一些事情。

    // --添加请求进度条
    nprogress.done()
    return res.data
}, (error) => {
    // 响应失败的回调函数
    return Promise.reject(new Error("failed"))
})

// 对外暴露
export default $mockm